<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>企业首页</title>
	<link rel="stylesheet" type="text/css" href="css/1home-page.css"/>
	<link rel="stylesheet" type="text/css" href="css/2home-page.css"/>
	</head>
	<body>
		<!-- 头部 -->
		<div class="header">
			<div class="header-l">
				<a  href="" class="form">
				</a>
				<ul>
				<li>网站首页</li>
				<li>传悦资源</li>
				<li>传悦案例</li>
				<li>解决方案</li>
				<li>需求提交</li>
				</ul>
				<div class="form-1">
					<div class="form-1-1">
						<p><img src="./img/iphon_03.png" ></p>
						<p class="phone">0535-60652189</p>
						
					</div>
					<div class="icon">
						<p><img src="img/1.3.png" ></p>
						<p><img src="img/1.4.png" ></p>
						<p><img src="img/1.1.png" ></p>
						<p><img src="img/1.5.png" ></p>
					</div>
				</div>
				
			</div>
	</div>
	<!-- 超大图 -->
	<div class="picture">
		<div class="picture-1">
			<span>x</span>
			<div class="picture-2">
				<h4>传悦观点</h4>
				<p>VIEWPOINT</p>
				<em>></em>
			</div>
			<div class="picture-3">
				<p></p>
				<div class="figure">
					<h5>创悦上线前的准备工</h5>
					<em class="figure-1">08-17</em>
					<h3>创梦网络科技有限责</h3>
					
				</div>
				
			</div>
			
		</div>
		
		
	</div>
	<!-- 尾部 -->
	<div class="weir">
		<div class="weir-1">
			<div>
			 <p>copyri&nbsp;2018
			 </p>
			 <p class="Go">
				 创梦网络科技有限责任公司
				 
			 </p>
			 <em>||</em>
			 <p class="Go-1">传悦&nbsp;Chnyoo.cn&nbsp;All&nbsp;Rights&nbsp;Reserved</p>
			 <p class="Go-2">京ICP备12005221号</p>
				
			</div>
			<ul>
				<li>关于传悦</li>
				<li>新闻动态</li>
				<li>传悦观点</li>
				<li>联系传悦</li>
				<li>加入传悦</li>
				<li>付款账户</li>
				
			</ul>
			
		</div>
		
	</div>
	</body>
</html>
<script type="text/javascript">
	    // 下拉菜单
	let h_sel = document.querySelector(".header-l ul");
	let h_selLis = document.querySelectorAll(".header-l ul li");
	let h_input = document.querySelector("a");
	h_input.onmouseover = function(evt) {
		let e=evt||event;
		e.stopPropagation();
		h_sel.style.display = "block";
		for (let i = 0; i < h_selLis.length; i++) {
			h_selLis[i].onmouseover = function() {
				this.style.backgroundColor = "firebrick";
			}
			h_selLis[i].onmouseout = function() {
				this.style.backgroundColor = "black";
			}
		}
	}
	document.onclick=function(){
		h_sel.style.display = "none";
	}
	
// 点击div,让其消失
let ospan=document.querySelector(".picture-1 span");
let odiv=document.querySelector(".picture-1");
   ospan.onclick=function(){
	odiv.style.display="none";
};
document.addEventListener("click",function(){
	odiv.style.display = "block";
	},true);


// 跳转至二级页面
let oli=document.querySelectorAll(".header-l li");
for(let i=0;i<oli.length;i++){
	oli[i].onclick=function(){
		if(i==1){
		location.href="2index.html";
	}else if(i==2){
		location.href="2index.html";
	}else if(i==3){
		location.href="4inndex.html";
	}else if(i==4){
		location.href="2index.html";
	}
	}
}

</script>
